<xml version="1.0" encoding="UTF-8">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
	<title>Spherus Online Editor</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	[__CSSRULES__]
	[__JSCODE__]
</head>
<body onload = "">
	<script>
	//click prototyping for Firefox
	if (typeof HTMLElement != 'undefined')
	{
		 HTMLElement.prototype.click = function()
		 {
		 	var evt = this.ownerDocument.createEvent('MouseEvents');  
		 	evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);  
		 	this.dispatchEvent(evt);  
		 }		
	}	  
	</script>
	<table cellpadding="0" cellspacing="0" style="border: 0px; width: 100%">
		<tr>
			<td style = ''>
				<div id='editor' style = ''>
					<div class='area_toolbar' style = 'width: 100%; float: left' id='toolbar_1'>[__TOOLBAR__]</div>			
					<div class='area_toolbar' id='tab_browsing_area'><ul id='tab_browsing_list' class='menu'> <li> </li> </ul></div>
				
					<div id='result' style = 'width: 100% !important'>
						<div id='no_file_selected'></div>
						<div id='container' style="float: left !important">
							<div id='cursor_pos' class='edit_area_cursor'>&nbsp;</div>
							<div id='end_bracket' class='edit_area_cursor'>&nbsp;</div>
							<div id='selection_field'></div>
							<div id='line_number' selec='none'></div>
							<div id='content_highlight'></div>
							<div id='test_font_size'></div>				
							<textarea id='textarea' wrap='off' onchange='editArea.execCommand("onchange");' onfocus='javascript:editArea.textareaFocused=true;' onblur='javascript:editArea.textareaFocused=false;'>
							</textarea>
						</div>
					</div>		
					<div class='area_toolbar' id='toolbar_2'>
						<table class='statusbar' cellspacing='0' cellpadding='0'>
							<tr>
								<td class='total' selec='none'>{$position}:</td>
								<td class='infos' selec='none'>
									{$line_abbr} <span  id='linePos'>0</span>, {$char_abbr} <span id='currPos'>0</span>
								</td>
								<td class='total' selec='none'>{$total}:</td>
								<td class='infos' selec='none'>
									{$line_abbr} <span id='nbLine'>0</span>, {$char_abbr} <span id='nbChar'>0</span>
								</td>
								<td>
									<span id = 'statusMessage' style = 'padding-left: 5px; color: blue'>&nbsp;</span>
								</td>
								<td class='resize'>
									<span id='resize_area'><img src='[__BASEURL__]images/statusbar_resize.gif' alt='resize' selec='none'></span>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</td>
			<td valign="top" style="width: 200px;" id = "rightColumn">
				<div style="overflow: auto;" id = 'tag_toolbar'></div>
			</td>
		</tr>
	</table>

	<div id='processing'>
		<div id='processing_text'>
			{$processing}
		</div>
	</div>

	<div id='area_search_replace' class='editarea_popup'>
		<table cellspacing='2' cellpadding='0' style='width: 100%'>
			<tr>
				<td selec='none'>{$search}</td>
				<td>
					<input type='text' id='area_search' />
				</td>
				<td id='close_area_search_replace'>
					<a id = 'close_search_button' onclick='Javascript:editArea.execCommand("hidden_search");'><img selec='none' src='[__BASEURL__]images/close.png' alt='{$close_popup}' title='{$close_popup}' /></a><br />
				</td>
			</tr>
			<tr>
				<td selec='none'>{$replace_with}</td>
				<td>
					<input type='text' id='area_replace' />
				</td>
				<td><img id='move_area_search_replace' onmousedown='return parent.start_move_element(event,"area_search_replace", parent.frames["frame_"+editArea.id]);'  src='[__BASEURL__]images/move.gif' alt='{$move_popup}' title='{$move_popup}' /></td>
			</tr>
		</table>
		<div class='button'>
			<input type='checkbox' id='area_search_match_case' /><label for='area_search_match_case' selec='none'>{$match_case}</label>
			<input type='checkbox' id='area_search_reg_exp' /><label for='area_search_reg_exp' selec='none'>{$reg_exp}</label>
			<br />
			<a onclick='Javascript:editArea.execCommand("area_search")' id = 'area_search_button' selec='none'>{$find_next}</a>
			<a onclick='Javascript:editArea.execCommand("area_replace")' selec='none'>{$replace}</a>
			<a onclick='Javascript:editArea.execCommand("area_replace_all")' selec='none'>{$replace_all}</a><br />
		</div>
		<div id='area_search_msg' selec='none'></div>
	</div>
	<div id='edit_area_help' class='editarea_popup'>
		<div class='close_popup'>
			<a onclick='Javascript:editArea.execCommand("close_all_inline_popup")'><img src='[__BASEURL__]images/close.png' alt='{$close_popup}' title='{$close_popup}' /></a>
		</div>
		<div><h2>SpherusOnlineEditor [__EA_VERSION__]</h2><br />
			<h3>{$shortcuts}:</h3>
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$tab}</b>: {$add_tab}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$shift}+{$tab}</b>: {$remove_tab}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+f</b>: {$search_command}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+s</b>: {$save_command}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+r</b>: {$replace_command}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+h</b>: {$highlight}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+g</b>: {$go_to_line}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+z</b>: {$undo}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+y</b>: {$redo}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+e</b>: {$help}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$ctrl}+q, {$esc}</b>: {$close_popup}<br />
				&nbsp;&nbsp;&nbsp;&nbsp;<b>{$accesskey} E</b>: {$toggle}<br />
			<br />
			<br />
			<div class='copyright' style = "font-style: italic;">&copy Rossoft LTD</div>
		</div>
	</div>
	<script>
		document.getElementById('editor').style.width = parent.document.body.clientWidth - (parseInt(parent.document.getElementById('context_menu').style.width) + parseInt(document.getElementById('rightColumn').style.width) + 13); </script>
</body>
</html>
